<!DOCTYPE html5>
<html>
	<head>
		<title>消息提示</title>
		<meta charset="UTF-8" />
		<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
		<script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js"></script>
		<script type="text/javascript" src="dist/overhang.min.js"></script>
		<link rel="stylesheet" type="text/css" href="dist/overhang.min.css" />
		<style type="text/css">
			body{
			     text-align:center;
			}
			button{
			    margin-top:20%;
				margin-left:auto;
				margin-right:auto;
				text-align:center;
			}
		</style>
	</head>
	<body>
	<button>点我</button>
	<script>
			$('button').on('click',function(){
               $("body").overhang({
			type: "success",
			message: "Woohoo! Our message works!"
			});
            });
		
	</script>
	</body>
</html>